

<HTML>
<HEAD>
<TITLE>24th Test of Section 9.2 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
p {display: block}
em {display: inline}
li {display: list-item}
img {display: none}





</STYLE>
</HEAD>




<BODY>
<h1 >
Testing 24th Testable Statement of Sec 9.2 of CSS2 Specification
</h1>


<ul>
<li  >
24. "Display" has initial "inline", it applies to all elements, it is not
inherited, percentages are N/A, and media is all.
</ul>




<h2 >
PASS CRITERIA:
</h2>
If statement #24 above is passed, then
<blockquote>This blockquote element has initial display inline.  No specific
rule is applied.</blockquote>
<p>
This <strong>strong text</strong> has display of inline (or UA-default).
A rule "p {display: block}" is defined, and strong is descendant of p, but
property is not inherited.
</p>
<h3>This h3 heading has display of UA-default; rule applied is
"h3 {display: 200%}", but percentages don't apply.</h3>
This <em>emphasized text</em> has inline display; rule applied is
"em {display: inline}".
<ol><li>This list item has display of list-item; rule applied is
"li {display: list-item}".
</ol>
<img src="ovalbbut.gif">There should be no green oval button image here,
even though it is in the source.  Rule is
"img {display: none}".
From list of elements represented above, display property would apply to 
all elements.
All other properties of this page should be UA-default.


</BODY>
</HTML>

